/*
 * @Author: san
 * @Date: 2022-06-24 16:06:16
 * @LastEditors: san
 * @LastEditTime: 2022-06-25 10:55:13
 * @FilePath: \21软件B陈燊燊47\js\weather.js
 * @TODO: 
 */

$('.banner').children("ul").children("li").click(function () {
    for (q1 = 0; q1 < $('.banner').children("ul").children("li").length; q1++) {
        $('.banner').children("ul").children("li").css("color", "#8d8d8d")
    }
    $(this).css("color", "#f5f5f5");
    var add = $(this).text()
    console.log($(this).text())
    $.ajax({
        url: `http://api.tianapi.com/tianqi/index?key=7db75f0a8b9e89d93762b622eea1a8f0&city=${add}`, // 请求路径
        type: "GET", //请求方式
        data: {}, //请求数据
        //请求成功之后的回调


        success: function (data) {
            var number = data.newslist.length;
            for (i = 0; i < number - 1; i++) {
                var all = data.newslist[i]
                // console.log(data.newslist.length)
                var week = all.week
                var highest = all.highest
                var lowest = all.lowest
                var weather = all.weather
                // console.log(week)
                // console.log(highest)
                $(".fro").children("div").eq(i).children('li').eq(0).text(week)
                $(".fro").children("div").eq(i).children('li').eq(1).text('Top：' + highest)
                $(".fro").children("div").eq(i).children('li').eq(2).text('low：' + lowest)
                $(".fro").children("div").eq(i).children('li').eq(3).text(weather)
            }


            //data后台返回的json数据，已经帮你转换成JSON对象
        }, //响应成功后的回调函数
        //表示如果请求响应出现错误，会执行的回调函数
        error: function () {
            alert("出错啦...")
        },
        dataType: "json" //设置接受到的响应数据的格式 text 普通的文本字符串
    });
})
$('button').click(function(){
   var add = $('input').eq(1).val();
   $.ajax({
       url: `http://api.tianapi.com/tianqi/index?key=7db75f0a8b9e89d93762b622eea1a8f0&city=${add}`, // 请求路径
       type: "GET", //请求方式
       data: {}, //请求数据
       //请求成功之后的回调


       success: function (data) {
           var number = data.newslist.length;
           for (i = 0; i < number - 1; i++) {
               var all = data.newslist[i]
               // console.log(data.newslist.length)
               var week = all.week
               var highest = all.highest
               var lowest = all.lowest
               var weather = all.weather
               // console.log(week)
               // console.log(highest)
               $(".fro").children("div").eq(i).children('li').eq(0).text(week)
               $(".fro").children("div").eq(i).children('li').eq(1).text('Top：' + highest)
               $(".fro").children("div").eq(i).children('li').eq(2).text('low：' + lowest)
               $(".fro").children("div").eq(i).children('li').eq(3).text(weather)
           }


           //data后台返回的json数据，已经帮你转换成JSON对象
       }, //响应成功后的回调函数
       //表示如果请求响应出现错误，会执行的回调函数
       error: function () {
           alert("出错啦...")
       },
       dataType: "json" //设置接受到的响应数据的格式 text 普通的文本字符串
   });
})
// console.log($('input').eq(1).val())
$.ajax({
    url: "http://api.tianapi.com/tianqi/index?key=7db75f0a8b9e89d93762b622eea1a8f0&city=广州", // 请求路径
    type: "GET", //请求方式
    data: {}, //请求数据
    //请求成功之后的回调


    success: function (data) {
        var number = data.newslist.length;
        for (i = 0; i < number - 1; i++) {
            var all = data.newslist[i]
            // console.log(data.newslist.length)
            var week = all.week
            var weather = all.weather
            var highest = all.highest
            var lowest = all.lowest
            $(".fro").children("div").eq(i).children('li').eq(0).text(week)
            $(".fro").children("div").eq(i).children('li').eq(1).text('Top：' + highest)
            $(".fro").children("div").eq(i).children('li').eq(2).text('low：' + lowest)
            $(".fro").children("div").eq(i).children('li').eq(3).text(weather)
        }
        //data后台返回的json数据，已经帮你转换成JSON对象
    }, //响应成功后的回调函数
    //表示如果请求响应出现错误，会执行的回调函数
    error: function () {
        alert("出错啦...")
    },
    dataType: "json" //设置接受到的响应数据的格式 text 普通的文本字符串
});
